<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>v-on:绑定事件</title>
    <script src="../../js/vue/vue.js"></script>
</head>
<body>
<div id="app">
    <!-- js方式实现事件的绑定-->
    <button onclick="checkMe1()">点我</button>
    <br>
    <!-- vue方式实现事件的绑定 -->
    <button v-on:click="checkMe()">点我</button>
    <br>
    <!-- vue方式简写-->
    <button @click="checkMe()">点我</button>
</div>
<script>
    var app = new Vue({
        el: '#app',
        // 使用vue的方式来绑定事件:注意methods的写法,如果写错会报checkMe方法没有发现被初始化
        methods: {
            checkMe: function () {
                alert("别逼我动手!");
            }
        }
    });

    // js的方式实现事件的绑定
    function checkMe1() {
        alert("点我干啥!");
    }
</script>
</body>
</html>